<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7 no-js" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 no-js" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">

<!-- Mirrored from haintheme.com/demo/html/bustter/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 04 May 2018 04:39:53 GMT -->
<head>
    <!-- Basic need -->
    <title>电影信息门户</title>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <link rel="profile" href="#">

    <!--Google Font-->
    <link rel="stylesheet" data-src="fonts/font"/>
    <!-- Mobile specific meta -->
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone-no">

    <!-- CSS files -->
    <link rel="stylesheet" href="css/plugins.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
<!--preloading-->
<div id="preloader">
    <img class="logo" src="/movie/images/logo1.png" alt="" width="119" height="58">
    <div id="status">
        <span></span>
        <span></span>
    </div>
</div>
<!--end of preloading-->
<div id="movie-header"></div>
<div id="main">
    <div class="slider movie-items">
        <div class="container">
            <div class="row">
                <div class="social-link">
                    <p>关注站长 : </p>
                    <a href="#"><i class="ion-social-youtube"></i></a>
                </div>
                <div class="slick-multiItemSlider">
                    <div class="movie-item" th:each="highRateMovie :${movieIndexVO.highRateMovieList}">
                        <div class="mv-img">
                            <a href="#">
                                <img th:src="'/movie/image/'+${highRateMovie.imageFileName}" alt=""
                                     width="285"
                                     height="437"></a>
                        </div>
                        <div class="title-in">
                            <div class="cate">
                            <span class="blue"><a href="#"
                                                  th:text="${highRateMovie.type.typeName}">Sci-fi</a></span>
                            </div>
                            <h6><a target="_blank" th:href="'/movie/detail/'+${highRateMovie.id}"
                                   th:text="${highRateMovie.name}">Interstellar</a></h6>
                            <p><i class="ion-android-star"></i><span th:text="${highRateMovie.rate}">7.4</span> /10
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="movie-items">
        <div class="container">
            <div class="row ipad-width">
                <div class="col-md-8">
                    <div class="title-hd">
                        <h2>电影推荐</h2>
                        <a href="/movie/list/grid" class="viewall">查看所有 </a>
                    </div>
                    <div class="tabs">
                        <ul class="tab-links">
                            <li class="active"><a href="#tab-new-movie">最新电影</a></li>
                            <li><a href="#tab-hot-movie"> 热门电影</a></li>
                            <li><a href="#tab-high-rate"> 高分电影</a></li>
                            <li><a href="#tab-recommend"> 站长推荐</a></li>
                        </ul>
                        <!-- 电影推荐的4个Tab -->
                        <div class="tab-content">
                            <div id="tab-new-movie" class="tab active">
                                <div class="row">
                                    <div class="slick-multiItem">
                                        <div class="slide-it" th:each="newMovie: ${movieIndexVO.newMovieList}">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img th:src="'/movie/image/'+${newMovie.imageFileName}" alt=""
                                                         width="185"
                                                         height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a target="_blank"
                                                       th:href="'detail/'+${newMovie.getId()}">详情&nbsp;<i
                                                            class="ion-android-arrow-dropright"></i>
                                                    </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#" th:text="${newMovie.name}">Interstellar</a></h6>
                                                    <p><i class="ion-android-star"></i><span
                                                            th:text="${newMovie.rate}">7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-hot-movie" class="tab">
                                <div class="row">
                                    <div class="slick-multiItem">
                                        <div class="slide-it" th:each="hotMovieDTO:${movieIndexVO.hotMovieDTOList}">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img th:src="'/movie/image/'+${hotMovieDTO.movie.imageFileName}"
                                                         alt=""
                                                         width="185" height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a target="_blank" th:href="'detail/'+${hotMovieDTO.movie.getId()}">
                                                        详情&nbsp;<i
                                                            class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#" th:text="${hotMovieDTO.movie.name}">Interstellar</a>
                                                    </h6>
                                                    <p><i class="ion-android-star"></i><span
                                                            th:text="${hotMovieDTO.movie.rate}">7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-high-rate" class="tab">
                                <div class="row">
                                    <div class="slick-multiItem">
                                        <div class="slide-it" th:each="rateMovie:${movieIndexVO.highRateMovieList}">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img th:src="'/movie/image/'+${rateMovie.imageFileName}" alt=""
                                                         width="185" height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a target="_blank" th:href="'detail/'+${rateMovie.getId()}"> 详情&nbsp;
                                                        <i
                                                                class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#" th:text="${rateMovie.name}">Interstellar</a></h6>
                                                    <p><i class="ion-android-star"></i><span
                                                            th:text="${rateMovie.rate}">7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-recommend" class="tab">
                                <div class="row">
                                    <div class="slick-multiItem">
                                        <div class="slide-it">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img src="images/uploads/mv-item5.jpg" alt="" width="185"
                                                         height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a href="moviesingle.html"> 详情 <i
                                                            class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#">Interstellar</a></h6>
                                                    <p><i class="ion-android-star"></i><span>7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-it">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img src="images/uploads/mv-item6.jpg" alt="" width="185"
                                                         height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a href="moviesingle.html"> 详情 <i
                                                            class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#">The revenant</a></h6>
                                                    <p><i class="ion-android-star"></i><span>7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-it">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img src="images/uploads/mv-item7.jpg" alt="" width="185"
                                                         height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a href="moviesingle.html"> 详情 <i
                                                            class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#">Die hard</a></h6>
                                                    <p><i class="ion-android-star"></i><span>7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-it">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img src="images/uploads/mv-item8.jpg" alt="" width="185"
                                                         height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a href="moviesingle.html"> 详情 <i
                                                            class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#">The walk</a></h6>
                                                    <p><i class="ion-android-star"></i><span>7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slide-it">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img src="images/uploads/mv-item3.jpg" alt="" width="185"
                                                         height="284">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a href="moviesingle.html"> 详情 <i
                                                            class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#">Die hard</a></h6>
                                                    <p><i class="ion-android-star"></i><span>7.4</span> /10</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="title-hd">
                        <h2>电影类型</h2>
                        <a href="/movie/list/grid" class="viewall">查看所有 </a>
                    </div>
                    <div class="tabs">
                        <ul class="tab-links-2">
                            <li th:each="movieType:${movieIndexVO.movieTypeList}"
                                th:class="${movieTypeStat.index==0?'active':''}">
                                <a th:href="'#'+${movieType.id}"
                                   th:text="${movieType.typeName}+'&nbsp;&nbsp;'">#动作类</a>
                            </li>
                            <!--<li class="active"><a href="#tab22"> #悬疑类</a></li>-->

                        </ul>
                        <div class="tab-content">
                            <!--创建电影类型tab-->
                            <div th:each="movieType:${movieIndexVO.movieTypeList}"
                                 th:id="${movieType.id}"
                                 th:class="${movieTypeStat.index==0?'tab active':'tab'}">
                                <div class="row">
                                    <div class="slick-multiItem">
                                        <!--创建每个tab目录下的子项目-->
                                        <div class="slide-it"
                                             th:each="movie:${movieIndexVO.movieCategoryMap[movieType.id]}">
                                            <div class="movie-item">
                                                <div class="mv-img">
                                                    <img alt="" width="185" height="284"
                                                         th:src="'/movie/image/'+${movie.imageFileName}">
                                                </div>
                                                <div class="hvr-inner">
                                                    <a th:href="'/movie/detail/'+${movie.id}"> 详情 <i
                                                            class="ion-android-arrow-dropright"></i> </a>
                                                </div>
                                                <div class="title-in">
                                                    <h6><a href="#" th:text="${movie.name}">Interstellar</a></h6>
                                                    <p>
                                                        <i class="ion-android-star"></i>
                                                        <span th:text="${movie.rate}">7.4</span> /10
                                                    </p>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="sidebar">
                        <div class="ads">
                            <img src="images/uploads/ads1.png" alt="" width="336" height="296">
                        </div>
                        <div class="celebrities">
                            <h4 class="sb-title">热门演员</h4>
                            <div class="celeb-item" th:each="actor:${movieIndexVO.actorList}">
                                <a href="#">
                                    <img th:src="'image/person/'+${actor.person.image}" alt="" width="70" height="70">
                                </a>
                                <div class="celeb-author">
                                    <h6><a href="#" th:text="${actor.name}">Samuel N. Jack</a></h6>
                                    <span>Actor</span>
                                </div>
                            </div>
                            <a href="#" class="btn">查看所有演员 </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="trailers">
        <div class="container">
            <div class="row ipad-width">
                <div class="col-md-12">
                    <div class="title-hd">
                        <h2>电影院</h2>
                        <a href="#" class="viewall">查看所有 </a>
                    </div>
                    <div class="videos">
                        <div class="slider-for-2 video-ft">
                            <div>
                                <video controls="controls" autoplay="autoplay" width="100%" height="100%"
                                       poster="images/uploads/fast8.jpg" id="video-player">
                                    <source th:src="'video/'+${movieIndexVO.hotMovieDTOList==null?'default.mp4':movieIndexVO.hotMovieDTOList.get(0).movie.videoFileName}"
                                            type="video/mp4"
                                            id="video-src">
                                    您的浏览器不支持 video 标签。
                                </video>
                            </div>
                        </div>
                        <div class="slider-nav-2 thumb-ft">
                            <div class="item" th:each="hotMovieDTO:${movieIndexVO.hotMovieDTOList}"
                                 th:onclick="'switchMovie(\''+${hotMovieDTO.movie.videoFileName}+'\')'">
                                <div class="trailer-img">
                                    <img th:src="'image/'+${hotMovieDTO.movie.imageFileName}" alt="photo by Barn Images"
                                         style=" width: 100%;">
                                </div>
                                <div class="trailer-infor">
                                    <h4 class="desc" th:text="${hotMovieDTO.movie.name}">Wonder Woman</h4>
                                    <p th:text="${hotMovieDTO.movie.duration}">2:30</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--第二种视频播放样式-->
                    <!--<div class="video-style-2">
                        <div class="slider-for">
                            <div>
                                <video controls="controls" autoplay="autoplay" width="100%" height="100%"
                                       poster="images/uploads/small-child.jpg" id="video-player">
                                    <source th:src="'video/'+${movieIndexVO.newMovieList==null?'default.mp4':movieIndexVO.newMovieList.get(0).videoFileName}"
                                            type="video/mp4"
                                            id="video-src">
                                    您的浏览器不支持 video 标签。
                                </video>
                            </div>
                        </div>
                        <div class="slider-nav">
                            <div class="item" th:each="newMovie:${movieIndexVO.newMovieList}"
                                 th:onclick="'switchMovie(\''+${newMovie.videoFileName}+'\')'">
                                <div class="trailer-img">
                                    <img th:src="'image/'+${newMovie.imageFileName}" alt="photo by Barn Images"
                                         style=" width: 100%;">
                                </div>
                                <div class="trailer-infor">
                                    <h4 class="desc" th:text="${newMovie.name}">Wonder Woman</h4>
                                    <p th:text="${newMovie.duration}">2:30</p>
                                </div>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
        </div>
    </div>
    <!-- latest new v1 section-->
    <div class="latestnew">
        <div class="container">
            <div class="row ipad-width">
                <div class="col-md-8">

                    <div class="title-hd">
                        <h2>最新动态</h2>
                    </div>
                    <div class="tabs">
                        <ul class="tab-links-3">
                            <li class="active"><a href="#tab31">#Movies </a></li>
                            <li><a href="#tab32"> # 电影名称 </a></li>
                            <li><a href="#tab33"> # 类别</a></li>
                        </ul>
                        <div class="tab-content">
                            <div id="tab31" class="tab active">
                                <div class="row">
                                    <div class="blog-item-style-1">
                                        <img src="images/uploads/blog-it2.jpg" alt=""
                                             width="170" height="250">
                                        <div class="blog-it-infor">
                                            <h3><a href="#"
                                                   th:text="${movieIndexVO.news==null?'News Title':movieIndexVO.news.title}">News
                                                Title</a></h3>
                                            <span class="time"
                                                  th:text="${movieIndexVO.news==null?'News Date':movieIndexVO.news.createDate}">News Date</span>
                                            <p th:utext="${movieIndexVO.news==null?'News Content':movieIndexVO.news.content}">
                                                New Content</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="morenew">
                        <div class="title-hd">
                            <h3>More news on Blockbuster</h3>
                            <a target="_blank" href="/movie/news/list" class="viewall">查看所有电影新闻</a>
                        </div>
                        <div class="more-items">
                            <div class="left">
                                <div class="more-it">
                                    <h6><a href="#">Michael Shannon Frontrunner to play Cable in “Deadpool 2”</a></h6>
                                    <span class="time">13 hours ago</span>
                                </div>
                                <div class="more-it">
                                    <h6><a href="#">French cannibal horror “Raw” inspires L.A. theater to hand out “Barf
                                        Bags”</a></h6>

                                    <span class="time">13 hours ago</span>
                                </div>
                            </div>
                            <div class="right">
                                <div class="more-it">
                                    <h6><a href="#">Laura Dern in talks to join Justin Kelly’s biopic “JT Leroy”</a>
                                    </h6>
                                    <span class="time">13 hours ago</span>
                                </div>
                                <div class="more-it">
                                    <h6><a href="#">China punishes more than 300 cinemas for box office cheating</a>
                                    </h6>
                                    <span class="time">13 hours ago</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="sidebar">
                        <div class="sb-facebook sb-it">
                            <h4 class="sb-title">Find us on Facebook</h4>
                            <!--<iframe src="#" data-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fhaintheme%2F%3Ffref%3Dts&tabs=timeline&width=300&height=315px&small_header=true&adapt_container_width=false&hide_cover=false&show_facepile=true&appId" width="300" height="315" style="border:none;overflow:hidden" ></iframe>-->
                        </div>
                        <div class="sb-twitter sb-it">
                            <h4 class="sb-title">Tweet to us</h4>
                            <div class="slick-tw">
                                <!--<div class="tweet item" id="599202861751410688">
                                </div>
                                <div class="tweet item" id="297462728598122498">
                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<script src="js/plugins2.js"></script>
<script src="js/custom.js"></script>
<script src="js/movie.js"></script>
<script src="js/do.js"></script>
<script src="/assets/js/md5.js"></script>
<script src="/login/js/login.js"></script>
<script>
    loadMovieHeader();
    loadMovieFooter();
</script>
